﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EditProfile.aspx.cs" Inherits="EditProfile" MasterPageFile="~/JobSeeker/JobSeekerMaster.master" %>

<%@ MasterType VirtualPath="~/JobSeeker/JobSeekerMaster.master" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajax" %>

<asp:Content ID="contentBody" ContentPlaceHolderID="MainContent" runat="server">
    <asp:UpdatePanel ID="upWholePage" runat="server">
        <ContentTemplate>
            <div class="panel-body">
                <!--Manage Profile Start-->
                <div class="row form-row manage-profile">
                    <!--Form Start Here-->
                    <div class="row form-body">
                        <div class="col-md-4 no-margin-padding">
                            <div>
                                <asp:UpdateProgress ID="uplProGeneralInfo" AssociatedUpdatePanelID="upWholePage" runat="server" DisplayAfter="50">
                                    <ProgressTemplate>
                                        <div id="progressBackgroundFilter"></div>
                                        <div id="processMessage">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <img alt="Loading..." src="/img/please_wait.gif" /></span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>

                                <%--<img src="img/user-photo.png">--%>
                                <asp:UpdatePanel runat="server" ID="upnlGeneralInfo">
                                    <ContentTemplate>

                                        <asp:Image ID="imgProfilePic" runat="server" name="img1" Style="width: 250px; height: 210px;" />
                                        <br />
                                        <div>

                                            <ajaxToolkit:AsyncFileUpload UploaderStyle="Modern" CssClass="FileUploadClass" ID="asyncupload" runat="server" CompleteBackColor="Green" ErrorBackColor="Red"
                                                OnClientUploadComplete="uploadcomplete"
                                                OnClientUploadError="uploaderror" OnClientUploadStarted="uploadStart"
                                                OnUploadedComplete="asynPictureUpload_UploadedComplete" UploadingBackColor="" />
                                        </div>
                                        <br />
                                    </ContentTemplate>
                                </asp:UpdatePanel>
                            </div>
                            <asp:Label runat="server" ID="lblStatus" Font-Italic="true" ForeColor="Red"></asp:Label>
                            <br />
                            <br />
                            <span class="trigger">Instrustions to upload a picture</span>
                            <div class="action_bar_popup_arrow"></div>
                            <div class="pop-upx">
                                <ul>
                                    <li>- Only .jpg/.gif/.png files are allowed
                                    </li>
                                    <li>- File size can not be more than 100 kb
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-md-8">
                            <div class="form-horizontal manage-profile" role="form">
                                <div class="form-group">
                                    <label class="col-md-3 control-label">First Name <i>*</i></label>
                                    <div class="col-md-9">
                                        <asp:TextBox ID="txtFirstName" CssClass="form-control" runat="server" />
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtFirstName" ErrorMessage="First name missing" Display="Dynamic"
                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3 control-label">Last Name <i>*</i></label>
                                    <div class="col-md-9">
                                        <asp:TextBox ID="txtLastName" CssClass="form-control" runat="server" />
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtLastName" ErrorMessage="Last name missing" Display="Dynamic"
                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                    </div>
                                </div>

                                <div class="form-group">

                                    <%--User for the date picker control and its style--%>
                                    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.min.css" />

                                    <asp:HiddenField ID="hdSelectDOB" runat="server" />
                                    <label class="col-md-3 control-label">Date of Birth <i>*</i></label>
                                    <div class="col-md-9 application-date">
                                        <asp:TextBox runat="server" ID="txtDateOfBirth" onkeydown="return (event.keyCode!=13);" CssClass="form-control-datepicker" Width="120px" ToolTip="dd/MM/yyyy"></asp:TextBox>
                                        <asp:RequiredFieldValidator Display="None" ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtDateOfBirth" ErrorMessage="Date of birth missing"
                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large">
                                        </asp:RequiredFieldValidator>
                                        <script>
                                            Sys.Application.add_load(LoadDOB);
                                            function LoadDOB() {
                                                $("#ctl00_MainContent_txtDateOfBirth").datepicker({
                                                    dateFormat: 'dd/mm/yy',
                                                    changeMonth: true,
                                                    changeYear: true,
                                                    showOn: 'button',
                                                    buttonImage: '/images/calendar.png',
                                                    showAnim: 'slideDown',
                                                    buttonImageOnly: true,
                                                    minDate: '01/01/1950',
                                                    maxDate: '<%=System.DateTime.Now.AddYears(-15).ToString("dd/MM/yyyy").Replace(".","/")%>',
                                                    onClose: function () {
                                                    }
                                                });

                                                $("#ctl00_MainContent_fvProfessionalInfo_txtStartDate").datepicker({
                                                    dateFormat: 'dd/mm/yy',
                                                    changeMonth: true,
                                                    changeYear: true,
                                                    showOn: 'button',
                                                    buttonText: 'Show Date',
                                                    buttonImage: '/images/calendar.png',
                                                    showAnim: 'slideDown',
                                                    buttonImageOnly: true,
                                                    onSelect: function (selected) {
                                                        $("#ctl00_MainContent_fvProfessionalInfo_txtEndDate").datepicker("option", "minDate", selected)
                                                    }
                                                });
                                                $("#ctl00_MainContent_fvProfessionalInfo_txtEndDate").datepicker({

                                                    dateFormat: 'dd/mm/yy',
                                                    changeMonth: true,
                                                    changeYear: true,
                                                    showOn: 'button',
                                                    buttonText: 'Show Date',
                                                    buttonImage: '/images/calendar.png',
                                                    showAnim: 'slideDown',
                                                    buttonImageOnly: true,
                                                    onSelect: function (selected) {
                                                        $("#ctl00_MainContent_fvProfessionalInfo_txtStartDate").datepicker("option", "maxDate", selected)
                                                    }
                                                });

                                                $("#ctl00_MainContent_fvEducationalInfo_txtEduStartDate").datepicker({
                                                    dateFormat: 'dd/mm/yy',
                                                    changeMonth: true,
                                                    changeYear: true,
                                                    showOn: 'button',
                                                    buttonText: 'Show Date',
                                                    buttonImage: '/images/calendar.png',
                                                    showAnim: 'slideDown',
                                                    buttonImageOnly: true,
                                                    onSelect: function (selected) {
                                                        $("#ctl00_MainContent_fvEducationalInfo_txtEduEndDate").datepicker("option", "minDate", selected)
                                                    }
                                                });
                                                $("#ctl00_MainContent_fvEducationalInfo_txtEduEndDate").datepicker({

                                                    dateFormat: 'dd/mm/yy',
                                                    changeMonth: true,
                                                    changeYear: true,
                                                    showOn: 'button',
                                                    buttonText: 'Show Date',
                                                    buttonImage: '/images/calendar.png',
                                                    showAnim: 'slideDown',
                                                    buttonImageOnly: true,
                                                    onSelect: function (selected) {
                                                        $("#ctl00_MainContent_fvEducationalInfo_txtEduStartDate").datepicker("option", "maxDate", selected)
                                                    }
                                                });
                                            }
                                        </script>
                                    </div>
                                </div>

                                <div class="form-group selectmenu-margin">
                                    <label class="col-md-3 control-label">Nationality</label>
                                    <div class="col-md-9">
                                        <asp:DropDownList ID="ddlNationality" CssClass="form-control" runat="server" SelectMethod="LoadNationality"
                                            AppendDataBoundItems="true" DataTextField="NationalityName" DataValueField="ID">
                                            <asp:ListItem Value="-1" Text="---Select a nationality--"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>

                                <div class="form-group selectmenu-margin">
                                    <label class="col-md-3 control-label">Gender</label>
                                    <div class="col-md-9">
                                        <asp:DropDownList ID="ddlGender" CssClass="form-control" runat="server" SelectMethod="LoadGender"
                                            AppendDataBoundItems="true" DataTextField="GenderName" DataValueField="ID">
                                            <asp:ListItem Value="-1" Text="---Select a gender--"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>

                                <div class="form-group selectmenu-margin">
                                    <label class="col-md-3 control-label">Metitial Status</label>
                                    <div class="col-md-9">
                                        <asp:DropDownList ID="ddlMaritalStatus" CssClass="form-control" runat="server" SelectMethod="LoadMaritalStatus"
                                            AppendDataBoundItems="true" DataTextField="Status" DataValueField="ID">
                                            <asp:ListItem Value="-1" Text="---Select marital status--"></asp:ListItem>
                                        </asp:DropDownList>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-md-3">About Me</label>
                                    <div class="col-md-9">
                                        <asp:TextBox ID="txtAboutMe" CssClass="form-control" TextMode="MultiLine" runat="server" Height="150px" Width="98%"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtAboutMe" ErrorMessage="About me missing"
                                            Text="*" ValidationGroup="valSavCeJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                        <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtAboutMe" ID="RegularExpressionValidator1" ValidationExpression="^[\s\S]{0,500}$" runat="server" ErrorMessage="Maximum 500 characters allowed"></asp:RegularExpressionValidator>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Form End Here-->
                </div>
                <!--Manage Profile Start-->

                <!--Personal Information Start Here-->
                <div class="edit-profile-form personal-information-form">
                    <asp:Panel ID="pnlProfessionalInfoHead" runat="server" CssClass="pnlCSS">
                        <div>
                            <h2>Professional Information 
							<span class="pull-right expand-arrow">
                                <asp:Image ID="imgProfImg" runat="server" />
                            </span></h2>
                        </div>
                    </asp:Panel>
                    <asp:Panel ID="pnlProfessionalInfoDetails" runat="server" CssClass="pnlCSS" Style='overflow: hidden;'>
                        <asp:HiddenField ID="hdCurrentDate" runat="server" />

                        <div class="edit-profile-form">
                            <!--Form Start Here-->
                            <asp:UpdatePanel ID="upProfessionalInfo" runat="server">
                                <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="fvProfessionalInfo" EventName="PageIndexChanging" />
                                </Triggers>
                                <ContentTemplate>
                                    <asp:FormView ID="fvProfessionalInfo" RenderOuterTable="false"
                                        DataKeyNames="JobSeekerID,ProfessionalInfoID"
                                        AllowPaging="true"
                                        OnDataBound="fvProfessionalInfo_DataBound"
                                        runat="server"
                                        OnItemDeleting="fvProfessionalInfo_ItemDeleting"
                                        OnPreRender="fvProfessionalInfo_PreRender"
                                        OnPageIndexChanging="fvProfessionalInfo_PageIndexChanging"
                                        OnModeChanging="fvProfessionalInfo_ModeChanging"
                                        OnItemUpdating="fvProfessionalInfo_ItemUpdating"
                                        OnItemInserting="fvProfessionalInfo_ItemInserting"
                                        PagerSettings-Mode="NextPrevious"
                                        PagerSettings-Position="Top"
                                        EmptyDataRowStyle-BackColor="Red"
                                        EmptyDataRowStyle-Font-Bold="true"
                                        EmptyDataRowStyle-Font-Italic="true"
                                        EmptyDataRowStyle-ForeColor="Red">

                                        <ItemTemplate>

                                            <div class="row form-row">
                                                <!--Personal Information Form Start Here-->
                                                <div class="row form-body">

                                                    <div class="col-md-6 right-padding">
                                                        <div class="form-horizontal" role="form">

                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Company</label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ReadOnly="true" type="text" ID="txtCompany" Enabled="false" CssClass="form-control" runat="server" Text='<%# Eval("CompanyName") %>'></asp:TextBox>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Title </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ReadOnly="true" type="text" ID="txtTitle" Enabled="false" CssClass="form-control" runat="server" Text='<%# Eval("Title") %>' />
                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Career Level</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList CausesValidation="true" Enabled="false" ID="ddlCareerLevel" CssClass="form-control" runat="server" AppendDataBoundItems="true"
                                                                        SelectMethod="Load_CareerLevel" DataTextField="Level" DataValueField="ID">
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Home Page </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ID="txtHomePage" ReadOnly="true" Enabled="false" CssClass="form-control" Text='<%# Eval("CompanyHomepage") %>' runat="server"></asp:TextBox>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Industry</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList CausesValidation="true" Enabled="false" ID="ddlIndustry" CssClass="form-control" runat="server" SelectMethod="LoadIndustry" AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select an industry--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Status</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlStatus" CssClass="form-control" runat="server"
                                                                        SelectMethod="LoadJobType" Enabled="false"
                                                                        AppendDataBoundItems="true" DataTextField="Type" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a status--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Company Size</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlCompanySize" CssClass="form-control" runat="server" SelectMethod="LoadEmployeeRange" AppendDataBoundItems="true" DataTextField="Range" DataValueField="ID" Enabled="false">
                                                                        <asp:ListItem Value="-1" Text="---Select a company size--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Company Type</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList Enabled="false" ID="ddlOrganizationType" CssClass="form-control" runat="server" SelectMethod="LoadEmployeerType"
                                                                        AppendDataBoundItems="true" DataTextField="Type" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a company type--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">&nbsp;</div>

                                                    <div class="form-horizontal period" role="form">
                                                        <div class="form-group">
                                                            <div class="col-md-12">
                                                                <label class="col-md-2 control-label">Period</label>
                                                                <div class="col-md-3">
                                                                    <asp:TextBox ReadOnly="true" ID="txtStartDate" Enabled="false" runat="server" onkeydown="return (event.keyCode!=13);" CssClass="form-control-datepicker" Text='<%# Eval("FromDateFormatted") %>' />

                                                                </div>
                                                                <div class="col-md-1">
                                                                    <span>To</span>
                                                                </div>

                                                                <div class="col-md-3 only-padding">
                                                                    <asp:TextBox ReadOnly="true" ID="txtEndDate" Enabled="false" runat="server" onkeydown="return (event.keyCode!=13);" CssClass="form-control-datepicker" Text='<%# Eval("ToDateFormatted") %>' />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-horizontal under-period" role="form">
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label"></label>
                                                            <div class="col-md-10">
                                                                <asp:CheckBox Enabled="false" ID="chkCurrentPosition" runat="server" Text="Current Position" Checked='<%# Eval("CurrentPosition") %>' />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Address</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ReadOnly="true" ID="txtAddress" CssClass="form-control" Enabled="false" Text='<%# Eval("Address") %>' TextMode="MultiLine" runat="server" Columns="20" Rows="3"></asp:TextBox>
                                                            </div>
                                                        </div>

                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Responsibilites</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ReadOnly="true" Enabled="false" ID="txtResponsibilities"
                                                                    CssClass="form-control" Text='<%# Eval("PositionDescription") %>' TextMode="MultiLine" runat="server" Columns="20" Rows="3"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label"></label>
                                                            <div class="col-md-10">
                                                                <label id="lblInsertMsg" runat="server" style="float: right; color: green;"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <asp:HiddenField ID="hdProfessionalInfoID" runat="server" Value='<%# Eval("ProfessionalInfoID") %>' />

                                                    <table style="margin-top: 1%; margin-left: 1%; margin-bottom: 1%">
                                                        <tr>
                                                            <td width="58%"></td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/add-new.png" ID="NewButton" Text="New" CommandName="New" runat="server" OnClientClick="" />
                                                            </td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/edit.png" ID="EditButton" Text="Edit" CommandName="Edit" runat="server" OnClientClick="" />
                                                            </td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/delete.png" ID="DeleteButton" Text="Delete" CommandName="Delete" runat="server" OnClientClick="" /></td>
                                                        </tr>
                                                    </table>

                                                </div>
                                                <!--Form End Here-->
                                            </div>
                                            <!--Form End Here-->
                                        </ItemTemplate>

                                        <EditItemTemplate>

                                            <!--Personal Information End Here-->
                                            <div class="row form-row">
                                                <!--Personal Information Form Start Here-->
                                                <div class="row form-body">
                                                    <div class="col-md-6 right-padding">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Company</label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox type="text" ID="txtCompany" CssClass="form-control" runat="server" Text='<%# Bind("CompanyName") %>' ValidationGroup="valProfesionalInfo"></asp:TextBox>
                                                                    <asp:RequiredFieldValidator CssClass="col-md-4 control-label" ID="reqValtxtCompany" runat="server" ControlToValidate="txtCompany" ErrorMessage="Name of the company missing" Display="Dynamic" Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Title </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox type="text" ID="txtTitle" CssClass="form-control" runat="server" Text='<%# Bind("Title") %>' ValidationGroup="valProfesionalInfo" />
                                                                    <asp:RequiredFieldValidator ID="reqValtxtTitle" runat="server" ControlToValidate="txtTitle" ErrorMessage="Title of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Career Level</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlCareerLevel" CssClass="form-control" runat="server" AppendDataBoundItems="true"
                                                                        SelectMethod="Load_CareerLevel" DataTextField="Level" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="--Select a career level--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Home Page </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ID="txtHomePage" CssClass="form-control" runat="server" Text='<%# Bind("CompanyHomePage") %>'></asp:TextBox>
                                                                    <asp:RegularExpressionValidator ValidationGroup="valProfesionalInfo" ID="reqHomePage" runat="server" ValidationExpression="(http(s)?://)?([\w-]+\.)+[\w-]+(/[\w- ;,./?%&=]*)?" ControlToValidate="txtHomePage" ErrorMessage="Wrong url format" ForeColor="Red" Display="Dynamic"></asp:RegularExpressionValidator>
                                                                    <label style="color: gray; font-size: 15px; font-style: italic;">i.e. www.abc.com/http://www.abc.com</label>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>


                                                    <div class="col-md-6">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Industry</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList CausesValidation="true" ID="ddlIndustry" CssClass="form-control" runat="server" SelectMethod="LoadIndustry" SelectedValue='<%# Bind("IndustryID") %>'
                                                                        AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="--Select an industry--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="reqValIndustry" runat="server" ControlToValidate="ddlIndustry" ErrorMessage="Industry name missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Status</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlStatus" CssClass="form-control" runat="server" SelectedValue='<%# Bind("JobTypeID") %>'
                                                                        SelectMethod="LoadJobType"
                                                                        AppendDataBoundItems="true" DataTextField="Type" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a status--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="reqValStatus" runat="server" ControlToValidate="ddlStatus" ErrorMessage="Status missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Company Size</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlCompanySize" CssClass="form-control" runat="server" SelectMethod="LoadEmployeeRange" SelectedValue='<%# Bind("EmployeeRangeID") %>' AppendDataBoundItems="true" DataTextField="Range" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a company size--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator23" runat="server" ControlToValidate="ddlCompanySize" ErrorMessage="Company size missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                            </div>

                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Company Type</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlOrganizationType" CssClass="form-control" runat="server" SelectedValue='<%# Bind("OrganizationTypeID") %>'
                                                                        SelectMethod="LoadEmployeerType" AppendDataBoundItems="true" DataTextField="Type" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a company type--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator22" runat="server" ControlToValidate="ddlOrganizationType" ErrorMessage="Company type missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">&nbsp;</div>

                                                    <div class="form-horizontal period" role="form">
                                                        <div class="form-group">
                                                            <div class="col-md-12">
                                                                <label class="col-md-2 control-label">Period</label>
                                                                <div class="col-md-3">
                                                                    <asp:TextBox ID="txtStartDate" runat="server" CssClass="form-control-datepicker" Text='<%# Bind("FromDateFormatted") %>' ValidationGroup="valProfesionalInfo" />
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator17" runat="server" ControlToValidate="txtStartDate" ErrorMessage="Name of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <span>To</span>
                                                                </div>

                                                                <div class="col-md-3 only-padding">
                                                                    <asp:TextBox ID="txtEndDate" runat="server" CssClass="form-control-datepicker" Text='<%# Eval("ToDateFormatted") %>' ValidationGroup="valProfesionalInfo" />
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ControlToValidate="txtEndDate" ErrorMessage="Name of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-horizontal under-period" role="form">
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label"></label>
                                                            <div class="col-md-10">
                                                                <asp:CheckBox ID="chkCurrentPosition" runat="server" Text="Current Position" Checked='<%# Eval("CurrentPosition") %>' />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Address</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ID="txtAddress" CssClass="form-control" Text='<%# Bind("Address") %>' TextMode="MultiLine" runat="server" Columns="20" Rows="3"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="reqAddress" runat="server" ControlToValidate="txtAddress" ValidationGroup="valProfesionalInfo" ErrorMessage="Address missing"
                                                                    Text="*" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtAddress" ID="regAddress" ValidationExpression="^[\s\S]{0,500}$" runat="server" ErrorMessage="Maximum 500 characters allowed" ValidationGroup="valProfesionalInfo"></asp:RegularExpressionValidator>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Responsibilites</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ID="txtResponsibilities" Text='<%# Bind("PositionDescription") %>' CssClass="form-control" TextMode="MultiLine" runat="server" Columns="20" Rows="3"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtResponsibilities" ValidationGroup="valProfesionalInfo" ErrorMessage="Resposibilities missing"
                                                                    Text="*" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtResponsibilities" ID="reqExpResponsibilities" ValidationExpression="^[\s\S]{0,500}$" runat="server" ErrorMessage="Maximum 500 characters allowed" ValidationGroup="valProfesionalInfo"></asp:RegularExpressionValidator>

                                                            </div>
                                                        </div>
                                                        <div class="form-horizontal under-period" role="form">
                                                            <div class="form-group">
                                                                <div class="col-md-10">
                                                                    <label id="lblInsertMsg" runat="server" style="float: right; color: green;"></label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <table style="margin-top: 1%; margin-left: 1%; margin-bottom: 1%">
                                                        <tr>

                                                            <td width="4%"></td>
                                                            <td width="1%"></td>
                                                            <td width="70%"></td>
                                                            <td width="1%">
                                                                <asp:ImageButton ID="UpdateButton" ImageUrl="~/img/save.png" CommandName="Update" OnClientClick="" runat="server" />
                                                            </td>

                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/back.png" AlternateText="Cancel" ID="CancelUpdateButton" Text="Cancel" CommandName="Cancel" runat="server" />
                                                            </td>
                                                        </tr>
                                                    </table>

                                                </div>
                                                <!--Form End Here-->
                                            </div>
                                        </EditItemTemplate>

                                        <InsertItemTemplate>
                                            <div class="row form-row">
                                                <!--Personal Information Form Start Here-->
                                                <div class="row form-body">

                                                    <div class="col-md-6 right-padding">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Company</label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox type="text" ID="txtCompany" CssClass="form-control" runat="server" ValidationGroup="valProfesionalInfo"></asp:TextBox>
                                                                    <asp:RequiredFieldValidator ID="reqValtxtCompany" runat="server" ControlToValidate="txtCompany" ErrorMessage="Name of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Title </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox type="text" ID="txtTitle" CssClass="form-control" runat="server" ValidationGroup="valProfesionalInfo" />
                                                                    <asp:RequiredFieldValidator ID="reqValtxtTitle" runat="server" ControlToValidate="txtTitle" ErrorMessage="Title of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Career Level</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlCareerLevel" CssClass="form-control" runat="server" AppendDataBoundItems="true"
                                                                        SelectMethod="Load_CareerLevel" DataTextField="Level" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="--Select a career level--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="reqCareerLevel" runat="server" ControlToValidate="ddlCareerLevel" ErrorMessage="Career level missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                            </div>

                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Home Page </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ID="txtHomePage" CssClass="form-control" runat="server"></asp:TextBox>
                                                                    <asp:RegularExpressionValidator ValidationGroup="valProfesionalInfo" ID="reqHomePage" runat="server" ValidationExpression="(http(s)?://)?([\w-]+\.)+[\w-]+(/[\w- ;,./?%&=]*)?" ControlToValidate="txtHomePage" ErrorMessage="Wrong url format" ForeColor="Red" Display="Dynamic"></asp:RegularExpressionValidator>
                                                                    <label style="color: gray; font-size: 15px; font-style: italic;">i.e. www.abc.com/http://www.abc.com</label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Industry</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList CausesValidation="true" ID="ddlIndustry" CssClass="form-control" runat="server" SelectMethod="LoadIndustry"
                                                                        AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="--Select an industry--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="reqValIndustry" runat="server" ControlToValidate="ddlIndustry" ErrorMessage="Industry name missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Status</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlStatus" CssClass="form-control" runat="server"
                                                                        SelectMethod="LoadJobType"
                                                                        AppendDataBoundItems="true" DataTextField="Type" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a status--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="reqValStatus" runat="server" ControlToValidate="ddlStatus" ErrorMessage="Status missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Company Size</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlCompanySize" CssClass="form-control" runat="server" SelectMethod="LoadEmployeeRange" AppendDataBoundItems="true" DataTextField="Range" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="Select a company size"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator21" runat="server" ControlToValidate="ddlCompanySize" ErrorMessage="Company size missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                            </div>
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Company Type</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlOrganizationType" CssClass="form-control" runat="server"
                                                                        SelectMethod="LoadEmployeerType" AppendDataBoundItems="true" DataTextField="Type" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a company type--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator22" runat="server" ControlToValidate="ddlOrganizationType" ErrorMessage="Company type missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="clearfix">&nbsp;</div>

                                                    <div class="form-horizontal period" role="form">
                                                        <div class="form-group">
                                                            <div class="col-md-12">
                                                                <label class="col-md-2 control-label">Period</label>
                                                                <div class="col-md-3">
                                                                    <asp:TextBox ID="txtStartDate" runat="server" onkeydown="return (event.keyCode!=13);" CssClass="form-control-datepicker" ValidationGroup="valProfesionalInfo" />
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator13" runat="server" ControlToValidate="txtStartDate" ErrorMessage="Name of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>

                                                                </div>
                                                                <div class="col-md-1">
                                                                    <span>To </span>
                                                                </div>

                                                                <div class="col-md-3 only-padding">
                                                                    <asp:TextBox ID="txtEndDate" runat="server" onkeydown="return (event.keyCode!=13);" CssClass="form-control-datepicker" ValidationGroup="valProfesionalInfo" />
                                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator16" runat="server" ControlToValidate="txtEndDate" ErrorMessage="Name of the company missing" Display="Dynamic"
                                                                        Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="form-horizontal under-period" role="form">
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label"></label>
                                                            <div class="col-md-10">
                                                                <asp:CheckBox ID="chkCurrentPosition" runat="server" Text="Current Position" />
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Address</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ID="txtAddress" CssClass="form-control" TextMode="MultiLine" runat="server" Columns="20" Rows="3"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="reqAddress" runat="server" ControlToValidate="txtAddress" ValidationGroup="valProfesionalInfo" ErrorMessage="Address missing"
                                                                    Text="*" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtAddress" ID="regAddress" ValidationExpression="^[\s\S]{0,500}$" runat="server" ErrorMessage="Maximum 500 characters allowed" ValidationGroup="valProfesionalInfo"></asp:RegularExpressionValidator>

                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Responsibilites</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ID="txtResponsibilities" CssClass="form-control" TextMode="MultiLine" runat="server" Columns="65" Rows="3"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator24" runat="server" ControlToValidate="txtResponsibilities" ErrorMessage="Missing responsibilities" Display="Dynamic"
                                                                    Text="*" ValidationGroup="valProfesionalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtResponsibilities" ID="reqExpResponsibilities" ValidationExpression="^[\s\S]{0,500}$" runat="server" ErrorMessage="Maximum 500 characters allowed" ValidationGroup="valProfesionalInfo"></asp:RegularExpressionValidator>

                                                            </div>
                                                        </div>
                                                        <div class="form-horizontal under-period" role="form">
                                                            <div class="form-group">
                                                                <div class="col-md-10">
                                                                    <label id="lblInsertMsg" runat="server" style="float: right; color: green;"></label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <table style="margin-top: 1%;">
                                                        <tr>
                                                            <td width="1%"></td>
                                                            <td width="70%"></td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/save.png" ID="InsertButton" Text="Insert" CommandName="Insert" runat="server" OnClientClick="" />
                                                            </td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/back.png" AlternateText="Cancel" ID="CancelInsertButton" Text="Cancel" CommandName="Cancel" runat="server" OnClientClick="" />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </div>
                                        </InsertItemTemplate>

                                        <PagerTemplate>
                                            <table style="margin-left: 90%;">
                                                <tr>
                                                    <td>
                                                        <asp:ImageButton ID="PrevButton" CommandName="Page" CommandArgument="Prev" ImageUrl="~/img/nav-left.png" runat="server" OnClientClick="" /></td>
                                                    <td>
                                                        <asp:ImageButton ID="NextButton" CommandName="Page" CommandArgument="Next" ImageUrl="~/img/nav-right.png" runat="server" OnClientClick="" /></td>
                                                </tr>
                                            </table>
                                        </PagerTemplate>
                                    </asp:FormView>

                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </div>
                    </asp:Panel>

                    <ajaxToolkit:CollapsiblePanelExtender ID="ceProfessionalInformation" runat="server" CollapseControlID="pnlProfessionalInfoHead"
                        Collapsed="false" ExpandControlID="pnlProfessionalInfoHead" TextLabelID="lblProfShowHide" CollapsedText="Show"
                        ExpandedText="Hide" ImageControlID="imgProfImg" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlProfessionalInfoDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>
                </div>
                <!--Personal Information End Here-->

                <!--Educational Information Start Here-->
                <div class="edit-profile-form personal-information-form">
                    <asp:Panel ID="pnlEucationInfoHead" runat="server" CssClass="pnlCSS">
                        <div>
                            <asp:Label ID="lblEducationInfoShowHide" runat="server" Text="" />
                            <h2>Educational Information <span class="pull-right expand-arrow">
                                <asp:Image ID="imgEducationInfoShowHide" runat="server" /></span></h2>
                        </div>
                    </asp:Panel>

                    <!--Personal Information Form Start Here-->
                    <asp:Panel ID="pnlEucationInfoDetails" runat="server" CssClass="pnlCSS" Style='overflow: hidden;'>
                        <div class="edit-profile-form">
                            <!--Form Start Here-->
                            <asp:UpdatePanel ID="upEducationalInfo" runat="server">
                                <Triggers>
                                    <asp:AsyncPostBackTrigger ControlID="fvEducationalInfo" EventName="PageIndexChanging" />
                                </Triggers>
                                <ContentTemplate>
                                    <asp:FormView ID="fvEducationalInfo" RenderOuterTable="false"
                                        DataKeyNames="EducationInfoID"
                                        AllowPaging="true"
                                        runat="server"
                                        OnDataBound="fvEducationalInfo_DataBound"
                                        OnPreRender="fvEducationalInfo_PreRender"
                                        OnPageIndexChanging="fvEducationalInfo_PageIndexChanging"
                                        OnItemUpdating="fvEducationalInfo_ItemUpdating"
                                        OnItemInserting="fvEducationalInfo_ItemInserting"
                                        OnItemDeleting="fvEducationalInfo_ItemDeleting"
                                        OnModeChanging="fvEducationalInfo_ModeChanging"
                                        PagerSettings-Mode="NextPrevious"
                                        PagerSettings-Position="Top"
                                        EmptyDataText="No professional information provided"
                                        EmptyDataRowStyle-BackColor="Red"
                                        EmptyDataRowStyle-Font-Bold="true"
                                        EmptyDataRowStyle-Font-Italic="true"
                                        EmptyDataRowStyle-ForeColor="Red">
                                        <ItemTemplate>
                                            <div class="row form-row">
                                                <!--Personal Information Form Start Here-->
                                                <div class="row form-body">
                                                    <div class="col-md-6 right-padding">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Institution</label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ReadOnly="true" type="text" ID="txtInstitution" CssClass="form-control" runat="server" Text='<%# Eval("InstitutionName") %>'></asp:TextBox>
                                                                </div>
                                                            </div>
                                                            <div class="form-group">
                                                                <label class="col-md-4 control-label">Degree  </label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ReadOnly="true" type="text" ID="txtDegree" CssClass="form-control" runat="server" Text='<%# Eval("Degree") %>'></asp:TextBox>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-horizontal" role="form">
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Field of Study</label>
                                                                <div class="col-md-8">
                                                                    <asp:DropDownList ID="ddlFieldOfStudy" CssClass="form-control" runat="server" Enabled="false"
                                                                        SelectMethod="LoadFieldOfStudy"
                                                                        AppendDataBoundItems="true" DataTextField="StudyArea" DataValueField="ID">
                                                                        <asp:ListItem Value="-1" Text="---Select a field of study--"></asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>
                                                            <div class="form-group selectmenu-margin">
                                                                <label class="col-md-4 control-label">Grade</label>
                                                                <div class="col-md-8">
                                                                    <asp:TextBox ID="txtGrade" Text='<%# Eval("Grade") %>' ReadOnly="true" CssClass="form-control" runat="server"> </asp:TextBox>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">&nbsp;</div>
                                                    <div class="form-horizontal period" role="form">
                                                        <div class="form-group">
                                                            <div class="col-md-12">
                                                                <label class="col-md-2 control-label">Period</label>
                                                                <div class="col-md-3">
                                                                    <asp:TextBox ReadOnly="true" ID="txtEduStartDate" runat="server" CssClass="form-control-datepicker" Enabled="false" Text='<%# Eval("FromDateFormatted") %>' />
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <span>To</span>
                                                                </div>

                                                                <div class="col-md-3 only-padding">
                                                                    <asp:TextBox ReadOnly="true" ID="txtEduEndDate" runat="server" CssClass="form-control-datepicker" Enabled="false" Text='<%# Eval("ToDateFormatted") %>' />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-horizontal under-period" role="form">
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label">Specialized Subjects</label>
                                                            <div class="col-md-10">
                                                                <asp:TextBox ReadOnly="true" type="text" ID="txtSpecializedSubjeccts" CssClass="form-control" runat="server" Text='<%# Eval("SpecializedSubjects") %>' TextMode="MultiLine"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="form-horizontal under-period" role="form">
                                                        <div class="form-group">
                                                            <label class="col-md-2 control-label"></label>

                                                            <div class="col-md-10">
                                                                <label id="lblInsertMsg" runat="server" style="float: right; color: green;"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <asp:HiddenField ID="hdEducationInfoID" runat="server" Value='<%# Eval("EducationInfoID") %>' />

                                                    <table style="margin-top: 1%; margin-left: 1%; margin-bottom: 1%">
                                                        <tr>
                                                            <td width="58%"></td>

                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/add-new.png" ID="NewButton" Text="New" CommandName="New" runat="server" OnClientClick="" />
                                                            </td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/edit.png" ID="EditButton" Text="Edit" CommandName="Edit" runat="server" OnClientClick="" />
                                                            </td>
                                                            <td width="1%">
                                                                <asp:ImageButton ImageUrl="~/img/delete.png" ID="DeleteButton" Text="Delete" CommandName="Delete" runat="server" OnClientClick="" />
                                                        </tr>
                                                    </table>

                                                </div>
                                                <!--Form End Here-->
                                            </div>
                                        </ItemTemplate>

                                        <EditItemTemplate>
                                            <div class="edit-profile-form personal-information-form">
                                                <div class="row form-row">
                                                    <asp:HiddenField ID="hdEmployeerID" runat="server" Value='<%# Bind("EducationInfoID") %>' />
                                                    <!--Personal Information Form Start Here-->
                                                    <div class="row form-body">
                                                        <div class="col-md-6 right-padding">
                                                            <div class="form-horizontal" role="form">
                                                                <div class="form-group">
                                                                    <label class="col-md-4 control-label">Institution</label>
                                                                    <div class="col-md-8">
                                                                        <asp:TextBox ID="txtInstitution" CssClass="form-control" runat="server" Text='<%# Bind("InstitutionName") %>'> </asp:TextBox>
                                                                        <asp:RequiredFieldValidator ID="reqtxtInstitution" runat="server" ControlToValidate="txtInstitution" ErrorMessage="Institution name missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-md-4 control-label">Degree</label>
                                                                    <div class="col-md-8">
                                                                        <asp:TextBox ID="txtDegree" CssClass="form-control" runat="server" Text='<%# Bind("Degree") %>'> </asp:TextBox>
                                                                        <asp:RequiredFieldValidator ID="reqValDegree" runat="server" ControlToValidate="txtDegree" ErrorMessage="Degree missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large">
                                                                        </asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-horizontal" role="form">
                                                                <div class="form-group selectmenu-margin">
                                                                    <label class="col-md-4 control-label">Field of Study</label>
                                                                    <div class="col-md-8">
                                                                        <asp:DropDownList ID="ddlFieldOfStudy" CssClass="form-control" runat="server"
                                                                            SelectMethod="LoadFieldOfStudy" SelectedValue='<%# Bind("FieldOfStudyID") %>'
                                                                            AppendDataBoundItems="true" DataTextField="StudyArea" DataValueField="ID">
                                                                            <asp:ListItem Value="-1" Text="---Select a field of study--"></asp:ListItem>
                                                                        </asp:DropDownList>
                                                                        <asp:RequiredFieldValidator ID="reqValFieldOfStudy" runat="server" ControlToValidate="ddlFieldOfStudy" ErrorMessage="Field of study missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>

                                                                <div class="form-group selectmenu-margin">
                                                                    <label class="col-md-4 control-label">Grade</label>
                                                                    <div class="col-md-8">
                                                                        <asp:TextBox ID="txtGrade" CssClass="form-control" runat="server" Text='<%# Bind("Grade") %>'> </asp:TextBox>
                                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator14" runat="server" ControlToValidate="txtGrade" ErrorMessage="missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="clearfix">&nbsp;</div>
                                                        <div class="form-horizontal period" role="form">
                                                            <div class="form-group">
                                                                <div class="col-md-12">
                                                                    <label class="col-md-2 control-label">Period</label>
                                                                    <div class="col-md-3">
                                                                        <asp:TextBox ID="txtEduStartDate" runat="server" CssClass="form-control-datepicker" ValidationGroup="valEducationalInfo" ToolTip="dd/MM/yyyy" Text='<%# Bind("FromDateFormatted") %>' />
                                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtEduStartDate" ErrorMessage="missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>

                                                                    <div class="col-md-1">
                                                                        <span>To</span>
                                                                    </div>

                                                                    <div class="col-md-3 only-padding">
                                                                        <asp:TextBox ID="txtEduEndDate" runat="server" CssClass="form-control-datepicker" ValidationGroup="valEducationalInfo" ToolTip="dd/MM/yyyy" Text='<%# Bind("ToDateFormatted") %>' />
                                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator18" runat="server" ControlToValidate="txtEduEndDate" ErrorMessage="missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-horizontal under-period" role="form">
                                                            <div class="form-group">
                                                                <label class="col-md-2 control-label">Specialized Subjects</label>
                                                                <div class="col-md-10">
                                                                    <asp:TextBox ID="txtSpecializedSubjeccts" CssClass="form-control" Text='<%# Bind("SpecializedSubjects") %>' TextMode="MultiLine" runat="server"></asp:TextBox>
                                                                    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtSpecializedSubjeccts" ID="valEducationalInfo" ValidationExpression="^[\s\S]{0,500}$" runat="server"
                                                                        ErrorMessage="Maximum 500 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-horizontal under-period" role="form">
                                                            <div class="form-group">
                                                                <div class="col-md-10">
                                                                    <label id="lblInsertMsg" runat="server" style="float: right; color: green;"></label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <table style="margin-top: 1%; margin-left: 1%;">
                                                            <tr>

                                                                <td width="4%"></td>
                                                                <td width="1%"></td>
                                                                <td width="70%"></td>
                                                                <td width="1%">
                                                                    <asp:ImageButton ID="UpdateButton" ImageUrl="~/img/save.png" CommandName="Update" runat="server" OnClientClick="" />
                                                                </td>
                                                                <td width="1%">
                                                                    <asp:ImageButton ImageUrl="~/img/back.png" AlternateText="Cancel" ID="CancelUpdateButton" Text="Cancel" CommandName="Cancel" runat="server" OnClientClick="" />
                                                                </td>
                                                            </tr>
                                                        </table>


                                                    </div>
                                                    <!--Form End Here-->
                                                </div>
                                            </div>
                                        </EditItemTemplate>

                                        <InsertItemTemplate>

                                            <div class="row form-row" style="display: none;">
                                                <!--Form Start Here-->
                                                <div class="row form-body">
                                                    <div class="col-md-6 right-padding">
                                                        <div class="form-group">
                                                            <label>Institution<i style="color: red;"> *</i></label>
                                                        </div>

                                                        <div class="form-group">
                                                            <label>Field Of Study<i style="color: red;"> *</i></label>
                                                        </div>

                                                        <div class="form-group">
                                                            <label>Specialized Subject</label>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-6">
                                                        <div role="form">
                                                            <div class="form-group">
                                                                <label>Degree<i style="color: red;"> *</i></label>
                                                            </div>

                                                            <div class="form-group">
                                                                <label>Grade/Result<i style="color: red;"> *</i></label>

                                                            </div>
                                                            <div class="ControlDiv">
                                                                <div style="float: left;">
                                                                    <label class="formLevel">Period</label>
                                                                    <div style="float: right;">
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="edit-profile-form personal-information-form">
                                                <div class="row form-row">
                                                    <!--Personal Information Form Start Here-->
                                                    <div class="row form-body">
                                                        <div class="col-md-6 right-padding">
                                                            <div class="form-horizontal" role="form">
                                                                <div class="form-group">
                                                                    <label class="col-md-4 control-label">Institution</label>
                                                                    <div class="col-md-8">
                                                                        <asp:TextBox ID="txtInstitution" CssClass="form-control" runat="server"> </asp:TextBox>
                                                                        <asp:RequiredFieldValidator ID="reqValInstitution" runat="server" ControlToValidate="txtInstitution" ErrorMessage="Institution missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label class="col-md-4 control-label">Degree</label>
                                                                    <div class="col-md-8">
                                                                        <asp:TextBox ID="txtDegree" CssClass="form-control" runat="server"> </asp:TextBox>
                                                                        <asp:RequiredFieldValidator ID="reqValDegree" runat="server" ControlToValidate="txtDegree" ErrorMessage="Degree missing" Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large" Display="Dynamic"> 
                                                                        </asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <div class="form-horizontal" role="form">
                                                                <div class="form-group selectmenu-margin">
                                                                    <label class="col-md-4 control-label">Field of Study</label>
                                                                    <div class="col-md-8">
                                                                        <asp:DropDownList ID="ddlFieldOfStudy" CssClass="form-control" runat="server"
                                                                            SelectMethod="LoadFieldOfStudy"
                                                                            AppendDataBoundItems="true" DataTextField="StudyArea" DataValueField="ID">
                                                                            <asp:ListItem Value="-1" Text="---Select a field of study--"></asp:ListItem>
                                                                        </asp:DropDownList>
                                                                        <asp:RequiredFieldValidator ID="reqValFieldOfStudy" runat="server" ControlToValidate="ddlFieldOfStudy" ErrorMessage="Field of study missing" Display="Dynamic"
                                                                            Text="*" ValidationGroup="valEducationalInfo" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>

                                                                <div class="form-group selectmenu-margin">
                                                                    <label class="col-md-4 control-label">Grade</label>
                                                                    <div class="col-md-8">
                                                                        <asp:TextBox ID="txtGrade" CssClass="form-control" runat="server"> </asp:TextBox>
                                                                        <asp:RequiredFieldValidator ID="reqValGrade" runat="server" Display="Dynamic" ControlToValidate="txtGrade" ErrorMessage="Grade missing" Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large">
                                                                        </asp:RequiredFieldValidator>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="clearfix">&nbsp;</div>

                                                        <div class="form-horizontal period" role="form">
                                                            <div class="form-group">
                                                                <div class="col-md-12">
                                                                    <label class="col-md-2 control-label">Period</label>
                                                                    <div class="col-md-3">
                                                                        <asp:TextBox ID="txtEduStartDate" runat="server" CssClass="form-control-datepicker" ValidationGroup="valEducationalInfo" />
                                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator19" runat="server" Display="Dynamic" ControlToValidate="txtEduStartDate" ErrorMessage="" Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large">
                                                                        </asp:RequiredFieldValidator>
                                                                    </div>


                                                                    <div class="col-md-1">
                                                                        <span>To</span>
                                                                    </div>

                                                                    <div class="col-md-3 only-padding">
                                                                        <asp:TextBox ID="txtEduEndDate" runat="server" CssClass="form-control-datepicker" ValidationGroup="valEducationalInfo" />
                                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator20" runat="server" Display="Dynamic" ControlToValidate="txtEduEndDate" ErrorMessage="" Text="*" ValidationGroup="valEducationalInfo" Font-Bold="true" ForeColor="Red" Font-Size="Large">
                                                                        </asp:RequiredFieldValidator>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-horizontal under-period" role="form">
                                                            <div class="form-group">
                                                                <label class="col-md-2 control-label">Specialized Subjects</label>
                                                                <div class="col-md-10">
                                                                    <asp:TextBox ID="txtSpecializedSubjeccts" CssClass="form-control" TextMode="MultiLine" runat="server"></asp:TextBox>
                                                                    <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtSpecializedSubjeccts" ID="valEducationalInfo" ValidationExpression="^[\s\S]{0,500}$" runat="server"
                                                                        ErrorMessage="Maximum 500 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-horizontal under-period" role="form">
                                                            <div class="form-group">
                                                                <div class="col-md-10">
                                                                    <label id="lblInsertMsg" runat="server" style="float: right; color: green;"></label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <table style="margin-top: 1%; margin-left: 1%;">
                                                            <tr>
                                                                <td width="4%"></td>
                                                                <td width="1%"></td>
                                                                <td width="70%"></td>
                                                                <td width="1%">
                                                                    <asp:ImageButton ID="InsertButton" ValidationGroup="valEducationalInfo" ImageUrl="~/img/save.png" CommandName="Insert" OnClientClick="" runat="server" />
                                                                </td>
                                                                <td width="1%">
                                                                    <asp:ImageButton ImageUrl="~/img/back.png" AlternateText="Cancel" ID="CancelInsertButton" Text="Cancel" CommandName="Cancel" runat="server" />
                                                                </td>
                                                            </tr>
                                                        </table>

                                                    </div>
                                                    <!--Form End Here-->
                                                </div>
                                            </div>
                                        </InsertItemTemplate>

                                        <PagerTemplate>
                                            <table style="margin-left: 90%;">
                                                <tr>
                                                    <td>
                                                        <asp:ImageButton ID="PrevButton" CommandName="Page" CommandArgument="Prev" ImageUrl="~/img/nav-left.png" runat="server" OnClientClick="" /></td>
                                                    <td>
                                                        <asp:ImageButton ID="NextButton" CommandName="Page" CommandArgument="Next" ImageUrl="~/img/nav-right.png" runat="server" OnClientClick="" /></td>
                                                </tr>
                                            </table>
                                        </PagerTemplate>
                                    </asp:FormView>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </div>
                    </asp:Panel>

                    <ajaxToolkit:CollapsiblePanelExtender ID="ceEducationalInformation" runat="server" CollapseControlID="pnlEucationInfoHead"
                        Collapsed="false" ExpandControlID="pnlEucationInfoHead" CollapsedText="Show"
                        ExpandedText="Hide" ImageControlID="imgEducationInfoShowHide" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlEucationInfoDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>
                </div>
                <!--Educational Information End Here-->

                <!--Qualification Information Start Here-->
                <div class="edit-profile-form">
                    <asp:Panel ID="pnlQualificationHeader" runat="server" CssClass="pnlCSS">
                        <div>
                            <h2>Qualification (i.e. IELTS,TOEFEL,GRE)
									<span class="pull-right expand-arrow">
                                        <asp:Image ID="imgQualificationShowHide" runat="server" />
                                    </span></h2>
                        </div>
                    </asp:Panel>

                    <asp:Panel ID="pnlQualificationDetails" runat="server" Height="0" CssClass="pnlCSS">
                        <asp:UpdatePanel ID="upQualification" runat="server">
                            <ContentTemplate>
                                <script type="text/javascript">
                                    // It is important to place this JavaScript code after ScriptManager1
                                    var xPos, yPos;
                                    var prm = Sys.WebForms.PageRequestManager.getInstance();
                                    function BeginRequestHandler(sender, args) {
                                        //alert('BeginRequestHandler');
                                        if ($('#<%= upQualification.ClientID %>') != null) {
                                            // Get X and Y positions of scrollbar before the partial postback
                                            xPos = $('#<%= upQualification.ClientID %>').scrollLeft;
                                            yPos = $('#<%= upQualification.ClientID %>').scrollTop;
                                        }
                                    }

                                    function EndRequestHandler(sender, args) {
                                        if ($('#<%= upQualification.ClientID %>') != null) {
                                            // Set X and Y positions back to the scrollbar
                                            // after partial postback
                                            $('#<%= upQualification.ClientID %>').scrollLeft = xPos;
                                            $('#<%= upQualification.ClientID %>').scrollTop = yPos;
                                        }
                                    }

                                    //prm.add_beginRequest(BeginRequestHandler);
                                    //prm.add_endRequest(EndRequestHandler);
                                </script>
                                <%--                                <div class="row form-row">
									<!--Form Start Here-->
									<div class="row form-body">

										<div class="form-horizontal period" role="form">
											<div class="clearfix">&nbsp;</div>
											<div class="form-group">
												<div class="col-md-12">
													<div class="col-md-3">
														<asp:TextBox ID="txtEduStartDate" runat="server" CssClass="form-control" />
													</div>
													<div class="col-md-2">
														<figure>
															<asp:ImageButton ImageUrl="../img/add-input-box-icon.png" runat="server" ID="btnAddQualification" />
														</figure>
													</div>
												</div>
											</div>
										</div>

									</div>
									<!--Form End Here-->
								</div>--%>

                                <div class="row form-row">
                                    <!--Form Start Here-->
                                    <div class="row form-body languages">
                                        <div class="form-horizontal" role="form">
                                            <div class="row" id='divQualificationContainer' runat="server" visible="true">
                                                <ul class="list-inline form-group">
                                                    <li class="col-md-10">
                                                        <label for="" class="col-md-2 control-label"></label>
                                                        <div class="col-md-10">
                                                            <asp:TextBox ID="txtQualification" CssClass="form-control" runat="server"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="txtQualification" Display="Dynamic"
                                                                Text="*" ValidationGroup="valQualification" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtQualification" ID="reqExpResponsibilities" ValidationExpression="^[\s\S]{0,100}$" runat="server"
                                                                ErrorMessage="Maximum 100 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </li>
                                                    <li class="col-md-2">
                                                        <i class="add-remove-icon">
                                                            <asp:ImageButton ImageUrl="~/img/add-input-box-icon.png" runat="server" ID="btnAddQualification" OnClick="btnAddQualification_Click" OnClientClick="" /></i>
                                                    </li>
                                                </ul>
                                            </div>

                                            <div class="row" id='divQualificationContainer1' runat="server" visible="false">
                                                <ul class="list-inline form-group" style="margin-top: 5px;">
                                                    <li class="col-md-10">
                                                        <label for="" class="col-md-2 control-label"></label>
                                                        <div class="col-md-10">
                                                            <asp:TextBox ID="txtQualification1" CssClass="form-control" runat="server"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ControlToValidate="txtQualification1" Display="Dynamic"
                                                                Text="*" ValidationGroup="valQualification" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtQualification1" ID="RegularExpressionValidator2" ValidationExpression="^[\s\S]{0,100}$" runat="server"
                                                                ErrorMessage="Maximum 100 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </li>
                                                    <li class="col-md-3">
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnAddQualification1" ImageUrl="~/img/add-input-box-icon.png" OnClick="btnAddQualification1_Click" OnClientClick="" />
                                                        </a></i>
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnRemoveQualification1" ImageUrl="~/img/remove-input-box-icon.png" OnClick="btnRemoveQualification1_Click" OnClientClick="" />
                                                        </a></i>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row" id='divQualificationContainer2' runat="server" visible="false">
                                                <ul class="list-inline form-group" style="margin-top: 5px;">
                                                    <li class="col-md-10">
                                                        <label for="" class="col-md-2 control-label"></label>
                                                        <div class="col-md-10">
                                                            <asp:TextBox ID="txtQualification2" CssClass="form-control" runat="server"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ControlToValidate="txtQualification2" Display="Dynamic"
                                                                Text="*" ValidationGroup="valQualification" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtQualification2" ID="RegularExpressionValidator3" ValidationExpression="^[\s\S]{0,100}$" runat="server"
                                                                ErrorMessage="Maximum 100 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </li>
                                                    <li class="col-md-3">
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnAddQualification2" ImageUrl="~/img/add-input-box-icon.png" OnClick="btnAddQualification2_Click" OnClientClick="" />
                                                        </a></i>
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnRemoveQualification2" ImageUrl="~/img/remove-input-box-icon.png" OnClick="btnRemoveQualification2_Click" OnClientClick="" />
                                                        </a></i>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row" id='divQualificationContainer3' runat="server" visible="false">
                                                <ul class="list-inline form-group" style="margin-top: 5px;">
                                                    <li class="col-md-10">
                                                        <label for="" class="col-md-2 control-label"></label>
                                                        <div class="col-md-10">
                                                            <asp:TextBox ID="txtQualification3" CssClass="form-control" runat="server"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="txtQualification3"
                                                                Text="*" ValidationGroup="valQualification" Font-Bold="true" ForeColor="Red" Font-Size="Large" Display="Dynamic">
                                                            </asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtQualification3" ID="RegularExpressionValidator4" ValidationExpression="^[\s\S]{0,100}$" runat="server"
                                                                ErrorMessage="Maximum 100 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </li>
                                                    <li class="col-md-3">
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnAddQualification3" ImageUrl="~/img/add-input-box-icon.png" OnClick="btnAddQualification3_Click" OnClientClick="" />
                                                        </a></i>
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnRemoveQualification3" ImageUrl="~/img/remove-input-box-icon.png" OnClick="btnRemoveQualification3_Click" OnClientClick="" />
                                                        </a></i>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="row" id='divQualificationContainer4' runat="server" visible="false">
                                                <ul class="list-inline form-group" style="margin-top: 5px;">
                                                    <li class="col-md-10">
                                                        <label for="" class="col-md-2 control-label"></label>
                                                        <div class="col-md-10">
                                                            <asp:TextBox ID="txtQualification4" CssClass="form-control" runat="server"></asp:TextBox>
                                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="txtQualification4" Display="Dynamic"
                                                                Text="*" ValidationGroup="valQualification" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                            <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtQualification4" ID="RegularExpressionValidator5" ValidationExpression="^[\s\S]{0,100}$" runat="server"
                                                                ErrorMessage="Maximum 100 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>
                                                        </div>
                                                    </li>
                                                    <li class="col-md-2">
                                                        <i class="add-remove-icon"><a>
                                                            <asp:ImageButton runat="server" ID="btnRemoveQualification4" ImageUrl="~/img/remove-input-box-icon.png" OnClick="btnRemoveQualification4_Click" OnClientClick="" />
                                                        </a></i>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                    </div>
                                    <!--Form End Here-->
                                </div>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </asp:Panel>

                    <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender2" runat="server" CollapseControlID="pnlQualificationHeader"
                        Collapsed="false" ExpandControlID="pnlQualificationHeader" ImageControlID="imgQualificationShowHide" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlQualificationDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>
                </div>
                <!--Qualification Information End Here-->

                <!--Skills & Expertise Information Start Here-->
                <div class="edit-profile-form">
                    <asp:Panel ID="pnlSkillsHeader" runat="server" CssClass="pnlCSS">
                        <div>
                            <h2>Skills & Expertise 
									<span class="pull-right expand-arrow">
                                        <asp:Image ID="imgSkills" runat="server" />
                                    </span></h2>
                        </div>
                    </asp:Panel>
                    <asp:Panel ID="pnlSkillsDetails" runat="server" Height="0" CssClass="pnlCSS">
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <%--<script type="text/javascript" src="../Scripts/JobSeekerSkills.js"></script>--%>
                                <script type="text/javascript">
                                    Sys.Application.add_load(Loadtagit);

                                    function Loadtagit() {

                                        //alert('Loadtagit')

                                        //var isLoaded = false;
                                        var skills = '';
                                        var list = [];
                                        $.ajax({
                                            type: "post",
                                            url: "EditProfile.aspx/LoadSkill",
                                            contentType: "application/json; charset=utf-8",
                                            dataType: "json",
                                            async: true,
                                            success: function (data) {
                                                if (data.d.length > 0) {
                                                    //alert('data.d.length ' + data.d.length)
                                                    var items = [];
                                                    var i;
                                                    for (i = 0; i < data.d.length; i++) {
                                                        //alert(data.d[i]);

                                                        if (data.d[i] !== "No data")
                                                            list.push(data.d[i]);
                                                    }
                                                    for (i = 0; i < list.length; i++) {
                                                        $('#allowSpacesTags').append('<li>' + list[i] + '</li>'); //Using Option 2
                                                    }
                                                    //console.log(list);
                                                    $("#allowSpacesTags").tagit({
                                                        tagSource: list,
                                                        availableTags: list,
                                                        allowSpaces: true,
                                                        caseSensitive: false,
                                                        removeConfirmation: true,
                                                        sortable: true,
                                                        select: true,
                                                        maxTags: 45,
                                                        placeholderText: "Add skills...",
                                                        beforeTagAdded: function (event, ui) {
                                                            // limit length
                                                            if ($(".tagit-choice").length >= 60) {
                                                                //alert($(".tagit-choice").length);
                                                                $('#lblMsgSkills').html("Sorry you have reached the maximum limit.You can only remove an existing one to add a new skill.")
                                                                return false;
                                                            }
                                                            else
                                                                $('#lblMsgSkills').text("")
                                                        },
                                                        beforeTagRemoved: function (event, ui) {
                                                            $('#lblMsgSkills').text("")
                                                        }
                                                    });

                                                }
                                            },
                                            error: function (xmlHttpRequest, textStatus, errorThrown) {
                                                $("#allowSpacesTags").tagit({
                                                    availableTags: '',
                                                    allowSpaces: true,
                                                    caseSensitive: false,
                                                    removeConfirmation: true,
                                                    maxTags: 45,
                                                    sortable: true,
                                                    select: true,
                                                    placeholderText: "Add more skills..."
                                                });
                                            }
                                        });


                                        $("#allowSpacesTags").keydown(function (e) {
                                            if (e.keyCode == 13) {
                                                //alert('You pressed enter!');
                                                var values = [];
                                                var array = $('#allowSpacesTags').text().split("×");
                                                $.each(array, function (index, value) {
                                                    if (value != "")
                                                        values.push(value);
                                                });
                                                var skills = values.join(",");
                                                $('#<%=hdnSelectedTags.ClientID %>').val($.trim(skills));
                                                //console.log($('#<%=hdnSelectedTags.ClientID %>').val());
                                            }
                                        });
                                        $('#allowSpacesTags').outside('click', function (e) {
                                            //alert('lost focus!');
                                            var values = [];
                                            var array = $('#allowSpacesTags').text().split("×");
                                            $.each(array, function (index, value) {
                                                if (value != "")
                                                    values.push(value);
                                            });
                                            var skills = values.join(",");
                                            $('#<%=hdnSelectedTags.ClientID %>').val($.trim(skills));
                                            //console.log($('#<%=hdnSelectedTags.ClientID %>').val());
                                            return true;
                                        });


                                    }
                                </script>

                                <asp:HiddenField runat="server" ID="hdSkills" />
                                <div style="float: left; width: 100%;" id="divSkills">
                                    <%--<ul id="myTags"></ul>--%>
                                    <ul id="allowSpacesTags">
                                    </ul>
                                </div>
                                <label style="color: red; font-style: italic; margin-left: 5px;" id="lblMsgSkills"></label>

                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </asp:Panel>
                    <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender3" runat="server" CollapseControlID="pnlSkillsHeader"
                        Collapsed="true" ExpandControlID="pnlSkillsHeader" TextLabelID="lblSkills" CollapsedText="Show"
                        ExpandedText="Hide" ImageControlID="imgSkills" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlSkillsDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>

                </div>
                <!--Skills & Expertise Information End Here-->

                <!--Languages Information Start Here-->
                <div class="edit-profile-form">
                    <asp:Panel ID="pnlLanguageHeader" runat="server">
                        <div>
                            <h2>Language
							 <span class="pull-right expand-arrow">
                                 <asp:Image ID="imgLanguage" runat="server" ImageUrl="~/img/down-arrow.png" />
                             </span></h2>
                        </div>
                    </asp:Panel>
                    <asp:Panel ID="pnlLanguageDetails" runat="server">
                        <div class="row form-row">
                            <!--Form Start Here-->
                            <div class="row form-body languages">
                                <div class="form-horizontal" role="form">
                                    <div class="row">
                                        <ul class="list-inline form-group" style="margin-top: 5px;">
                                            <li class="col-md-10">
                                                <label for="" class="col-md-2 control-label">Nepali</label>
                                                <div class="col-md-10">
                                                    <asp:DropDownList ID="ddlNepali" CssClass="form-control" runat="server"
                                                        SelectMethod="LoadLanguageProficiency"
                                                        AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                        <asp:ListItem Value="-1" Text="---Select proficiency--"></asp:ListItem>
                                                    </asp:DropDownList>
                                                    <%-- <asp:RequiredFieldValidator ID="reqValNepali" runat="server" ControlToValidate="ddlNepali" ErrorMessage="Neapli language missing" Display="Dynamic"
														Text="*" ValidationGroup="valSaveJobSeeker" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>--%>
                                                    <asp:HiddenField ID="hdQualifications" runat="server" />
                                                    <asp:HiddenField ID="hdnSelectedTags" runat="server" />
                                                    <asp:HiddenField ID="hdOtherLanIDNepali" runat="server" />
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div id='divOtherLanguagesContainer1' runat="server">
                                        <asp:UpdatePanel runat="server" ID="upLanguage" UpdateMode="Conditional">
                                            <ContentTemplate>

                                                <div class="row">
                                                    <ul class="list-inline form-group" style="margin-top: 5px;">
                                                        <li class="col-md-10">
                                                            <label for="" class="col-md-2 control-label">English</label>
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlEnglish" CssClass="form-control" runat="server" AccessKey="l"
                                                                    SelectMethod="LoadLanguageProficiency"
                                                                    AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Proficiency--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                                <asp:RequiredFieldValidator ID="reqLanguageEnglish" runat="server" ControlToValidate="ddlEnglish" ErrorMessage="English language missing" Display="Dynamic"
                                                                    Text="*" ValidationGroup="valSaveJobSeeker" InitialValue="-1" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                                <asp:HiddenField ID="hdOtherLanIDEnglish" runat="server" />
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="row add-lang-label">
                                                    <label for="" class="col-md-2 control-label">Add Languages</label>
                                                </div>
                                                <div>
                                                    <asp:TextBox ID="lblOtherLanguageCheck" BackColor="White" Enabled="false" runat="server" Text="" ForeColor="White" Font-Bold="true" Width="5" CssClass="invisible" />
                                                    <asp:CustomValidator runat="server" Visible="true" ID="cusCustom" ControlToValidate="lblOtherLanguageCheck" OnServerValidate="cusCustom_ServerValidate" ValidationGroup="valSaveJobSeeker" ErrorMessage="Can not select same language">
                                                    </asp:CustomValidator>
                                                </div>

                                                <div class="row add-lang" id="languageContainer0" runat="server">
                                                    <ul class="list-inline form-group" style="margin-bottom: 1%">
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlOtherLanguage0" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguage"
                                                                    AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Language--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                        </li>
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlFluency0" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguageProficiency"
                                                                    AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Proficiency--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                                <asp:HiddenField ID="hdOtherLanID0" runat="server" />
                                                            </div>
                                                        </li>

                                                        <li class="col-md-2">
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnAddOtherLanguage" ImageUrl="~/img/add-input-box-icon.png" runat="server" OnClick="btnAddOtherLanguage_Click" OnClientClick="" />
                                                            </a>
                                                            </i>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="row add-lang" id="languageContainer1" runat="server">
                                                    <ul class="list-inline form-group" style="margin-bottom: 1%">
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlOtherLanguage1" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguage"
                                                                    AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Language--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                        </li>
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlFluency1" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguageProficiency"
                                                                    AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Proficiency--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                                <asp:HiddenField ID="hdOtherLanID1" runat="server" />
                                                            </div>
                                                        </li>
                                                        <li class="col-md-3">
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnAddOtherLanguage1" ImageUrl="~/img/add-input-box-icon.png" runat="server" OnClick="btnAddOtherLanguage1_Click" OnClientClick="" /></a></i>
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnRemoveOtherLanguage1" ImageUrl="~/img/remove-input-box-icon.png" runat="server" OnClick="btnRemoveOtherLanguage1_Click" OnClientClick="" /></a></i>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="row add-lang" id="languageContainer2" runat="server">
                                                    <ul class="list-inline form-group" style="margin-bottom: 1%">
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlOtherLanguage2" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguage"
                                                                    AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Language--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                        </li>
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">

                                                                <asp:DropDownList ID="ddlFluency2" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguageProficiency"
                                                                    AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Proficiency--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                                <asp:HiddenField ID="hdOtherLanID2" runat="server" />
                                                            </div>
                                                        </li>
                                                        <li class="col-md-3">
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnAddOtherLanguage2" ImageUrl="~/img/add-input-box-icon.png" runat="server" OnClick="btnAddOtherLanguage2_Click" OnClientClick="" /></a></i>
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnRemoveOtherLanguage2" ImageUrl="~/img/remove-input-box-icon.png" runat="server" OnClick="btnRemoveOtherLanguage2_Click" OnClientClick="" /></a></i>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="row add-lang" id="languageContainer3" runat="server">
                                                    <ul class="list-inline form-group" style="margin-bottom: 1%">
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlOtherLanguage3" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguage"
                                                                    AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Language--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                        </li>
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlFluency3" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguageProficiency"
                                                                    AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Proficiency--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                                <asp:HiddenField ID="hdOtherLanID3" runat="server" />
                                                            </div>
                                                        </li>
                                                        <li class="col-md-3">
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnAddOtherLanguage3" ImageUrl="~/img/add-input-box-icon.png" runat="server" OnClick="btnAddOtherLanguage3_Click" OnClientClick="" /></a></i>
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnRemoveOtherLanguage3" ImageUrl="~/img/remove-input-box-icon.png" runat="server" OnClick="btnRemoveOtherLanguage3_Click" OnClientClick="" /></a></i>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="row add-lang" id="languageContainer4" runat="server">
                                                    <ul class="list-inline form-group" style="margin-bottom: 1%">
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlOtherLanguage4" CssClass="form-control" runat="server"
                                                                    SelectMethod="LoadLanguage"
                                                                    AppendDataBoundItems="true" DataTextField="Name" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Language--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                        </li>
                                                        <li class="col-md-4">
                                                            <div class="col-md-10">
                                                                <asp:DropDownList ID="ddlFluency4" CssClass="form-control" runat="server" SelectMethod="LoadLanguageProficiency" AppendDataBoundItems="true" DataTextField="Proficiency" DataValueField="ID">
                                                                    <asp:ListItem Value="-1" Text="---Select a Proficiency--"></asp:ListItem>
                                                                </asp:DropDownList>
                                                                <asp:HiddenField ID="hdOtherLanID4" runat="server" />
                                                            </div>
                                                        </li>
                                                        <li class="col-md-3">
                                                            <i class="add-remove-icon"><a>
                                                                <asp:ImageButton ID="btnRemoveOtherLanguage4" OnClick="btnRemoveOtherLanguage4_Click" ImageUrl="~/img/remove-input-box-icon.png" runat="server" OnClientClick="" /></a></i>
                                                        </li>
                                                    </ul>
                                                </div>

                                            </ContentTemplate>
                                        </asp:UpdatePanel>
                                    </div>
                                </div>
                                <!--Form End Here-->
                            </div>
                        </div>
                    </asp:Panel>
                    <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender4" runat="server" CollapseControlID="pnlLanguageHeader"
                        Collapsed="true" ExpandControlID="pnlLanguageHeader" CollapsedText="Show"
                        ExpandedText="Hide" ImageControlID="imgLanguage" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlLanguageDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>

                </div>
                <!--Languages Information End Here-->

                <!--Contact Details And Others Information Start Here-->
                <div class="edit-profile-form contact-information-form">
                    <asp:Panel ID="pnlCDHeader" runat="server">
                        <div>
                            <h2>Contact Details And Others 
										<span class="pull-right expand-arrow">
                                            <asp:Image ID="imgContact" runat="server" /></span></h2>
                        </div>
                    </asp:Panel>


                    <asp:Panel ID="pnlCDDetails" runat="server" Style='overflow: hidden;'>
                        <asp:UpdatePanel runat="server" ID="upAddress">
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="ddlCountry" EventName="SelectedIndexChanged" />
                            </Triggers>
                            <ContentTemplate>
                                <div class="row form-row">
                                    <!--Form Start Here-->
                                    <div class="row form-body">
                                        <div class="col-md-6">
                                            <div class="form-horizontal" role="form">
                                                <div class="form-group selectmenu-margin">
                                                    <label class="col-md-4">Country <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <%--onchange="Loadtagit()" --%>
                                                        <asp:DropDownList ID="ddlCountry" onchange="" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged" CssClass="form-control" runat="server" AutoPostBack="true"></asp:DropDownList>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator15" runat="server" ControlToValidate="ddlCountry" ErrorMessage="Email address missing" Display="Dynamic"
                                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">
                                                        Postal
												<br>
                                                        Address <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <asp:TextBox ID="txtPostalAddress" CssClass="form-control" TextMode="MultiLine" runat="server" Rows="5" Columns="20"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="reqPostalAddress" runat="server" ControlToValidate="txtPostalAddress" ErrorMessage="Postal address missing" Display="Dynamic"
                                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                        <asp:RegularExpressionValidator Display="Dynamic" ControlToValidate="txtPostalAddress" ID="regPostalAddress" ValidationExpression="^[\s\S]{0,100}$" runat="server"
                                                            ErrorMessage="Maximum 100 characters allowed" ValidationGroup="valQualification"></asp:RegularExpressionValidator>

                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">Email <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <asp:TextBox ID="txtEmail" CssClass="form-control" runat="server" MaxLength="50"> </asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator12" runat="server" ControlToValidate="txtEmail" ErrorMessage="Email address missing" Display="Dynamic"
                                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                        <asp:RegularExpressionValidator Display="None" ID="regEmail" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="valSaveJobSeeker"
                                                            ControlToValidate="txtEmail" ErrorMessage="Wrong email format"></asp:RegularExpressionValidator>
                                                        <ajaxToolkit:ValidatorCalloutExtender PopupPosition="TopRight" ID="vcoEmail" runat="server" TargetControlID="regEmail" HighlightCssClass="validatorCalloutHighlight" />
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">Mobile <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <asp:TextBox ID="txtMobilePhone" CssClass="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                        <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtMobilePhone" ErrorMessage="Mobile phone missing" Display="Dynamic"
                                                            Text="*" ValidationGroup="valSaveJobSeeker" Font-Bold="true" ForeColor="Red" Font-Size="Large"></asp:RequiredFieldValidator>
                                                        <asp:RegularExpressionValidator Display="None" ID="regHomePhone" runat="server" ControlToValidate="txtMobilePhone"
                                                            ErrorMessage="Only numbers allowed for mobile phone" ValidationExpression="^\d+$" ValidationGroup="valSaveJobSeeker"></asp:RegularExpressionValidator>
                                                        <ajaxToolkit:ValidatorCalloutExtender PopupPosition="TopRight" ID="ValidatorCalloutExtender4" runat="server" TargetControlID="regHomePhone" HighlightCssClass="validatorCalloutHighlight" />
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">Present Salary</label>
                                                    <div class="col-md-8">
                                                        <asp:DropDownList ID="ddlPresentSalary" CssClass="form-control" runat="server" SelectMethod="LoadSalaryRange"
                                                            AppendDataBoundItems="true" DataTextField="Range" DataValueField="ID">
                                                            <asp:ListItem Value="-1" Text="---Select a range--"></asp:ListItem>
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-horizontal" role="form">
                                                <div class="form-group selectmenu-margin">
                                                    <label class="col-md-4">Division <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <asp:DropDownList ID="ddlDivision" CssClass="form-control" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlDivision_SelectedIndexChanged" onclick=""></asp:DropDownList>
                                                        <asp:CustomValidator runat="server" Visible="true" ID="custValDivision" ControlToValidate="ddlDivision" OnServerValidate="custValDivision_ServerValidate" ValidationGroup="valSaveJobSeeker" ErrorMessage="Division missing">
                                                        </asp:CustomValidator>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">District <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <asp:DropDownList ID="ddlDistrict" CssClass="form-control" runat="server" OnDataBinding="ddlDistrict_DataBinding" OnSelectedIndexChanged="ddlDistrict_SelectedIndexChanged" AutoPostBack="True" onclick="">
                                                        </asp:DropDownList>
                                                        <asp:CustomValidator runat="server" Visible="true" ID="custValDistrict" ControlToValidate="ddlDistrict" OnServerValidate="custValDistrict_ServerValidate" ValidationGroup="valSaveJobSeeker" ErrorMessage="District missing">
                                                        </asp:CustomValidator>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">City <i>*</i></label>
                                                    <div class="col-md-8">
                                                        <asp:DropDownList CssClass="form-control" ID="ddlCity" runat="server" AppendDataBoundItems="true">
                                                        </asp:DropDownList>
                                                        <asp:CustomValidator runat="server" Visible="true" ID="custValCity" ControlToValidate="ddlCity" OnServerValidate="custValCity_ServerValidate" ValidationGroup="valSaveJobSeeker" ErrorMessage="City missing">
                                                        </asp:CustomValidator>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">Alternative Email </label>
                                                    <div class="col-md-8">
                                                        <asp:TextBox ID="txtAleternativeEmail" MaxLength="50" CssClass="form-control" runat="server"> </asp:TextBox>
                                                        <asp:RegularExpressionValidator ValidationGroup="valSaveJobSeeker" ID="regAltEmail" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="txtAleternativeEmail" ErrorMessage="Invalid email address" ForeColor="Red" Display="None"></asp:RegularExpressionValidator>
                                                        <ajaxToolkit:ValidatorCalloutExtender PopupPosition="TopRight" ID="ValidatorCalloutExtender1" runat="server" TargetControlID="regAltEmail" HighlightCssClass="validatorCalloutHighlight" />
                                                        <%--       <asp:RegularExpressionValidator Display="None" ID="regAltEmail" runat="server" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="valSaveJobSeeker"
															ControlToValidate="txtAleternativeEmail" ErrorMessage="Wrong email format"></asp:RegularExpressionValidator>
														<ajaxToolkit:ValidatorCalloutExtender PopupPosition="TopRight" ID="ValidatorCalloutExtender1" runat="server" TargetControlID="regAltEmail" HighlightCssClass="validatorCalloutHighlight" />--%>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">Home Phone</label>
                                                    <div class="col-md-8">
                                                        <asp:TextBox ID="txtHomePhone" CssClass="form-control" runat="server" MaxLength="50"></asp:TextBox>
                                                    </div>
                                                </div>

                                                <div class="form-group">
                                                    <label class="col-md-4">Expected Salary</label>
                                                    <div class="col-md-8">
                                                        <asp:DropDownList ID="ddlExpectedSalary" CssClass="form-control" runat="server" SelectMethod="LoadSalaryRange"
                                                            AppendDataBoundItems="true" DataTextField="Range" DataValueField="ID">
                                                            <asp:ListItem Value="-1" Text="---Select a range--"></asp:ListItem>
                                                        </asp:DropDownList>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--Form End Here-->
                                </div>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </asp:Panel>
                    <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender5" runat="server" CollapseControlID="pnlCDHeader"
                        Collapsed="true" ExpandControlID="pnlCDHeader" CollapsedText="Show"
                        ExpandedText="Hide" ImageControlID="imgContact" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlCDDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>
                </div>
                <!--Contact Details And Others Information End Here-->

                <!--Upload Resume Information Start Here-->
                <div class="edit-profile-form">
                    <asp:Panel ID="pnlUploadResumeHeader" runat="server" CssClass="pnlCSS">
                        <div>
                            <h2>Upload Resume
							<span class="pull-right expand-arrow">
                                <asp:Image ID="imgUploadResume" runat="server" /></span></h2>
                        </div>
                    </asp:Panel>

                    <asp:Panel ID="pnlUploadResumeDetails" runat="server" Height="0" CssClass="pnlCSS">

                        <asp:UpdatePanel runat="server" ID="uplUploadResume">
                            <ContentTemplate>
                                <br />
                                <div class="row form-row">
                                    <!--Form Start Here-->
                                    <div class="row form-body" style="padding: 40px 20px;">
                                        <ajaxToolkit:AsyncFileUpload ID="asynResumeUpload" runat="server" OnClientUploadComplete="uploadResumecomplete" CssClass="FileUploadClass" UploaderStyle="Modern" BackColor="#ff9900"
                                            OnUploadedComplete="asynResumeUpload_UploadedComplete" CompleteBackColor="Green" UploadingBackColor="" ErrorBackColor="Red"
                                            OnClientUploadError="uploadResumeError" OnClientUploadStarted="uploadResumeStart" />
                                        <br />
                                        <a id="uploadedResumeLink" runat="server" href="#" target="_blank" class="float-shadow resume-upload-btn"><i>
                                            <%--<img id="imgDwnloadResume" runat="server" src="<%=Helper.ResolveUrl("~/img/download-resume.png") %>">--%>
                                        </i>Click here to download resume</a>
                                        <br />
                                        <asp:Label ID="lblResumeUploadStatus" runat="server" Style="font-family: Arial; font-size: small; font-style: italic;"></asp:Label>
                                    </div>
                                    <!--Form End Here-->
                                </div>
                                <asp:UpdateProgress ID="uplProUploadResume"
                                    AssociatedUpdatePanelID="uplUploadResume" runat="server">
                                    <ProgressTemplate>
                                        <div id="progressBackgroundFilter"></div>
                                        <div id="processMessage">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <img alt="Loading..." src="/img/please_wait.gif" /></span>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </ProgressTemplate>
                                </asp:UpdateProgress>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </asp:Panel>
                    <ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender6" runat="server" CollapseControlID="pnlUploadResumeHeader"
                        Collapsed="false" ExpandControlID="pnlUploadResumeHeader" TextLabelID="lblUploadResume" CollapsedText="Show"
                        ExpandedText="Hide" ImageControlID="imgUploadResume" CollapsedImage="~/img/down-arrow.png"
                        ExpandedImage="~/img/up_arrow.png" ExpandDirection="Vertical" TargetControlID="pnlUploadResumeDetails"
                        ScrollContents="false">
                    </ajaxToolkit:CollapsiblePanelExtender>

                </div>
                <!--Upload Resume Information End Here-->

                <!--Save All Information Start Here-->
                <div class="edit-profile-form">
                    <div class="row form-row">
                        <!--Form Start Here-->
                        <div class="row form-body submit">
                            <div>
                                <asp:Label ID="lblSaveMsg" runat="server" Font-Size="Medium" Font-Italic="true" Font-Bold="true" ForeColor="Green"></asp:Label>
                                <%--<asp:Image ID="imgSave" runat="server" ImageAlign="Middle" CssClass="hide" ImageUrl="~/Images/indicator.gif" />--%>
                            </div>
                            <div class=" col-md-4 pull-right text-right">
                                <%--<asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="btn btn-primary float-shadow blue-gradiant" />--%>
                                <asp:Button ID="btnSave" runat="server" Text="Save" CssClass="btn btn-primary orange-gradiant float-shadow" OnClientClick="return GetSelectedLanguges();" ValidationGroup="valSaveJobSeeker" OnClick="btnSave_Click" />
                            </div>
                        </div>
                        <!--Form End Here-->
                    </div>
                </div>

                <div class="edit-profile-form">
                    <div class="row form-row">
                        <!--Form Start Here-->
                        <div class="row form-body submit">
                            <asp:ValidationSummary ID="valSummary" HeaderText="Please modify the worng inputs" runat="server" DisplayMode="BulletList" ShowSummary="true" Visible="true" ValidationGroup="valSaveJobSeeker" />
                        </div>
                    </div>
                </div>
                <!--Save All Information End Here-->

            </div>

            <asp:Button ID="btnShowPopup1" runat="server" Style="display: none" />
            <ajax:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="btnShowPopup1" PopupControlID="pnlpopup1"
                CancelControlID="btnEducationInfoNo" BackgroundCssClass="modalBackground">
            </ajax:ModalPopupExtender>

            <asp:Panel ID="pnlpopup1" runat="server" BackColor="White" Height="100px" Width="400px" Style="display: none">
                <div id="confirmOverlay1">
                    <div id="confirmBox1">

                        <h1>Delete Education information</h1>
                        <p id="lblEducationInfoText" runat="server"></p>

                        <div id="confirmButtons1">
                            <asp:ImageButton ID="btnEducationInfoYes" OnClick="btnEducationInfoYes_Click" runat="server" ImageUrl="~/images/btnyes.jpg" OnClientClick="ShowWait('ctl00_MainContent_imgWait1');" />
                            <asp:ImageButton ID="btnEducationInfoNo" runat="server" ImageUrl="~/images/btnNo.jpg" OnClientClick="HideWait('ctl00_MainContent_imgWait');" />
                            <img id="imgWait1" runat="server" style="display: none" src="~/images/wait.gif" />
                        </div>
                    </div>
                </div>
            </asp:Panel>

            <asp:Button ID="btnShowPopup" runat="server" Style="display: none" />
            <ajax:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopup"
                CancelControlID="btnNo" BackgroundCssClass="modalBackground">
            </ajax:ModalPopupExtender>

            <asp:Panel ID="pnlpopup" runat="server" BackColor="White" Height="100px" Width="400px" Style="display: none">
                <div id="confirmOverlay">
                    <div id="confirmBox">

                        <h1>Delete professional information</h1>
                        <p id="lblText" runat="server"></p>
                        <div id="confirmButtons">
                            <asp:ImageButton ID="btnYes" OnClick="btnYes_Click" runat="server" ImageUrl="~/images/btnyes.jpg" OnClientClick="ShowWait('ctl00_MainContent_imgWait');" />
                            <asp:ImageButton ID="btnNo" runat="server" ImageUrl="~/images/btnNo.jpg" OnClientClick="HideWait('ctl00_MainContent_imgWait');" />
                            <img id="imgWait" runat="server" style="display: none" src="~/images/wait.gif" />
                        </div>
                    </div>
                </div>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
    <p id="back-top" style="display: none;">
        <a href="#top"><span></span>Back to Top</a>
    </p>
    <script src="../Scripts/JobseekerResizeElements.js" type="text/javascript"></script>
    <link href="css/jquery.tagit.css" rel="stylesheet" type="text/css" />
    <link href="css/tagit.ui-zendesk.css" rel="stylesheet" type="text/css" />
    <script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
    <script src="../Scripts/outside.js"></script>

    <%--
    These two are added under JobseekerResizeElements.js to reduce traffic

    <script type="text/javascript" src="../Scripts/JobSeekerPhotoUpload.js"></script>
    <script type="text/javascript" src="../Scripts/JobSeekerResumeUpload.js"></script>
        
    --%>
    <script type="text/javascript" src="../Scripts/JobSeekerPhotoUpload.js"></script>
    <script type="text/javascript" src="../Scripts/JobSeekerResumeUpload.js"></script>

</asp:Content>
